<template>
  <div id="app">
    <router-link to="/">todoList</router-link>|
    <router-link to="/sales">销售商品</router-link>|
    <router-link to="/move">动态组件</router-link>|
    <router-link to="/relativeApi">RelativeApi</router-link>|
    <router-link to="/gdp">GDP</router-link>
    <router-view />
  </div>
</template>

<script>
import TodoList from "./views/TodoList.vue";
export default {
  components: {
    TodoList,
  },
};
</script>

<style scoped>
#app {
  padding-top: 20px;
  position: relative;
}
a {
  font-size: 20px;
}
.router-link-exact-active {
  color: blue;
}
</style>